:root {
  // 主题颜色
  --theme-color: '#AD2936';
}

#app {
  width: 100vw;
  background-color: var(--bg-color);
}

*,
:before,
:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:focus-visible {
  outline: none;
}


.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-justify-between {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.otw-common {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

//  1-10行溢出显示...
@for $i from 1 through 10 {
  .otw-#{$i} {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $i;
    -webkit-box-orient: vertical;
  }
}

.backend-title {
  color: #414141;
  font-size: 18px;
  font-weight: bold;
  padding: 12px 16px;
  border-bottom: 1px solid #F4F4F4;
}

.link-text {
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
  color: #5897DB;

  &:hover {
    color: #a0cfff;
  }
}

/* 滚动条优化 谷歌，火狐 */
::-webkit-scrollbar-track-piece {
  background-color: #fff;
  border-radius: 0;
  -webkit-border-radius: 0
}
